<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c" %>
<!-- 广告位一-->
<div class="w980 mg clearfix">
    	<a href="${advList2[0].hyperlink }" class="fl" target="_blank"><img src="${advList2[0].picture }" class="block" alt="${advList2[0].title }"/></a>
        <div class="moveInfo_v3 fl pr" id="gdinfo" style="margin:30px 0 0 15px;">
			<ul class="infobody_v3 clearfix">
				<c:forEach items="${doingList }" var="doing">
	            	<li class="fl clearfix pr" style="width:190px;">
	                	<a href="family?id=${doing.owner }" class="fl block mr10">
	                		<img class="block" width="32" height="32" nickname="${doing.memberName }" src="${doing.memberImageServer }${doing.memberAvatar }"/>
	                	</a>
	                    <p class="fl">
	                    	<a href="family?id=${doing.owner }" class="name_v3 fb">${doing.memberName }<img src="images/v3/smallpic/redheart.png" /></a>
	                        <span class="block">${doing.content }</span>
	                    </p>
	                </li>
                </c:forEach>
            </ul>
        </div>
    </div>
    <!-- 广告位一-->
    
   <!--  dashSeparate -->
    <div class="w980 mg mt5 mb5">
    	<div class="dashseparate_v3 pl10 pr10"></div>
    </div>
    <!--  dashSeparate--end -->
    
     <!-- 广告位二-->
    <div class="w980 mg mb20">
    	<div class="ml10">
        	<ul class="clearfix">
        		<c:forEach var="ad" items="${advList3 }">
            		<li class="fl"><a href="${ad.hyperlink }"><img src="${ad.picture }" class="block" width="192" height="83" alt="${ad.title }"/></a></li>
            	</c:forEach>
            </ul>
        </div>
    </div>
     <!-- 广告位二-->
<script type="text/javascript">
	 function d(){
		var b = $("#gdinfo li").width();
		$("#gdinfo li:eq(1)").css("z-index",10).animate({left:"-="+b},300,function(){
			$(this).css({"z-index":0,"left":0});
			$("#gdinfo li:first").appendTo("#gdinfo ul").css("left",0);
		});
	}
	var t=setInterval(d,3000);
	$(function(){
		var $li=$("#gdinfo li");
		$li.hover(function(){
			clearInterval(t);
		},function(){
			t=setInterval(d,3000);
		});
		var w=$li.length*190;
		$("#gdinfo ul").css("width",w+"px");
	}); 
</script>